﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>重置密码-云信号</title>
    <link href="style/reset.css" rel="stylesheet" type="text/css" />
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script language=javascript>
        var pwdString = "";
        var num = 60;
        var time;
        //判断输入密码的类型    
        function CharMode(iN) {
            if (iN >= 48 && iN <= 57) //数字    
                return 1;
            if (iN >= 65 && iN <= 90) //大写    
                return 2;
            if (iN >= 97 && iN <= 122) //小写    
                return 4;
            else
                return 8;
        }
        //bitTotal函数    
        //计算密码模式    
        function bitTotal(num) {
            modes = 0;
            for (i = 0; i < 4; i++) {
                if (num & 1) modes++;
                num >>>= 1;
            }
            return modes;
        }
        //返回强度级别    
        function checkStrong(sPW) {
            if (sPW.length < 6)
                return 0; //密码太短，不检测级别  
            Modes = 0;
            for (i = 0; i < sPW.length; i++) {
                //密码模式    
                Modes |= CharMode(sPW.charCodeAt(i));
            }
            return bitTotal(Modes);
        }

        //显示颜色    
        function pwStrength(pwd) {
            if (pwd == null || pwd == '') {
                $('#strength_L').removeClass('hover');
                $('#strength_M').removeClass('hover');
                $('#strength_H').removeClass('hover');
                $('#password_error').addClass('no');
                $('#password_error').text('请输入密码');
            }
            else {
                pwdString = pwd;
                S_level = checkStrong(pwd);
                switch (S_level) {
                    case 0:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('no');
                        $('#password_error').text('密码至少6位');
                        break;
                    case 1:
                        $('#strength_L').addClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                        break;
                    case 2:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').addClass('hover');
                        $('#strength_H').removeClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                        break;
                    default:
                        $('#strength_L').removeClass('hover');
                        $('#strength_M').removeClass('hover');
                        $('#strength_H').addClass('hover');
                        $('#password_error').addClass('yes');
                        $('#password_error').text('');
                }
            }
            return;
        }

        function pwdCheck(text) {
            if (text == null || text == "") {
                $('#password_error1').addClass('no');
                $('#password_error1').text('请输入确认密码');
            } else {
                if (pwdString == text) {
                    $('#password_error1').removeClass('no');
                    $('#password_error1').addClass('yes');
                    $('#password_error1').text('');
                } else {
                    $('#password_error1').addClass('no');
                    $('#password_error1').text('两次密码不一致');
                }
            }
        }
        function codeCheck(text) {
            if (text == null || text == "") {
                $('#code_error').addClass('no');
                $('#code_error').text('请输入验证码');
            } else {
                $('#code_error').addClass('yes');
                $('#code_error').text('');
            }
        }
    </script>  
</head>
<body>
    <!-- 头部开始 -->
    <div class="header-top">
        <div class="container">
            <div class="header-top-menu">
                &nbsp;<a href="#">关于我们</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新闻资讯</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">软件下载</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="faq.htm">常见问题</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">在线客服</a>
            </div>
            <div class="header-top-phone">
                400-000-8888
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="header-bottom">
        <div class="container">
            <div class="header-logo">
                <a href="index.htm">
                    <img src="images/logo2.png" />
                </a>
            </div>
            <div class="header-title">
                重置密码
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 内容开始 -->
    <div class="register-page">
        <div class="register-page-step">
            <img src="images/password_step2.png" />
        </div>
        <table class="register-table">
            <tr>
                <td class="register-td-title" style="padding-bottom:0px;">
                    <span>*</span>&nbsp;密码：
                </td>
                <td class="register-td-input" style="padding-bottom:0px;">
                    <input type="password" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)" />
                </td>
                <td class="register-td-error" style="padding-bottom:0px;">
                    <div id="password_error" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="height:19px; line-height:19px;">
                </td>
                <td style="height:19px; line-height:19px;">
                    <div class="register-security">
                        安全程度&nbsp;<span id="strength_L">弱</span>&nbsp;<span id="strength_M">中</span>&nbsp;<span id="strength_H">高</span>
                    </div>
                </td>
                <td style="height:19px; line-height:19px;">
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                    <span>*</span>&nbsp;确认密码：
                </td>
                <td class="register-td-input">
                    <input type="password" onkeyup="pwdCheck(this.value)" onblur="pwdCheck(this.value)" />
                </td>
                <td class="register-td-error">
                    <div id="password_error1" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                    <span>*</span>&nbsp;验证码：
                </td>
                <td class="register-td-input">
                    <input class="register-td-message-input" type="text" onkeyup="codeCheck(this.value)" onblur="codeCheck(this.value)" placeholder="短信验证码" />
                    <img src="images/code.png" style="margin-left:8px;" />
                    &nbsp;看不清 <a href="#" style="color:#009df5;">换一张</a>
                </td>
                <td class="register-td-error">
                    <div id="code_error" class="register-td-error-page">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="register-td-title">
                </td>
                <td class="register-td-input">
                    <input type="button" class="register-td-button" onclick="window.open('index.htm','_self')" value="完成重置"  />
                </td>
                <td class="register-td-error">
                </td>
            </tr>
        </table>
    </div>
    <!-- 内容结束 -->

    <!-- 尾部开始 -->
    <div class="footer">
        <div class="container">
            <div class="footer-menu">
                <ul>
                    <span>关于我们</span>
                    <li><a href="#">软件介绍</a></li>
                    <li><a href="#">团队介绍</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="./ManagementEnd/index.html">管理中心</a></li>
                </ul>
                <ul>
                    <span>帮助中心</span>
                    <li><a href="faq.htm">常见问题</a></li>
                    <li><a href="#">跟单操作</a></li>
                    <li><a href="novice_guide.htm">新手指南</a></li>
                </ul>
                <ul>
                    <span>安全保障</span>
                    <li><a href="#">公司资讯</a></li>
                    <li><a href="#">金融资讯</a></li>
                    <li><a href="#">资金安全</a></li>
                </ul>
            </div>
            <div class="footer-wechat">
                <div class="footer-wechat1">
                    <img src="images/app1.jpg" />
                    <br />
                    关注微信公众号
                </div>
                <div class="footer-wechat2">
                    <img src="images/app2.jpg" />
                    <br />
                    进入总站
                </div>
            </div>
            <div class="footer-contact">
                <div class="footer-contact-title">
                    客服热线
                </div>
                <div class="footer-contact-phone">
                    400-000-8888
                </div>
                <div class="footer-contact-time">
                    周一至周日 9:00-20:00
                </div>
                <a class="footer-contact-a" href="#">
                    在线客服
                </a>
            </div>
            <div class="footer-contact-bottom">
                <div class="footer-contact-copyright">
                    风险提示：外汇贵金属等产品属于高杠杆交易,存在较大风险,可能会导致亏损超过您存入的的资金 ,请理性投资。<br />
                    IB8提供平台开户和申请代理等各种外汇服务，但不接触客户资金，不参与外汇平台经营和交易；<br />
                    &copy; 2001-2015 IB8网版权所有 投资有风险，交易需谨慎
                </div>
                <div class="footer-contact-partner">
                    <a href="#">
                        <img src="images/footer_icon1.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon2.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon3.png" />
                    </a>
                    <a href="#">
                        <img src="images/footer_icon4.png" />
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 尾部结束 -->
</body>
</html>
